import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-chart-tooltip',
  templateUrl: './chart-tooltip.component.html',
  styleUrls: ['./chart-tooltip.component.css']
})
export class ChartTooltipComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
  chartOptions = {
    chart: {
      plotBackgroundColor: null,
      plotBorderWidth: null,
      plotShadow: false,
      type: 'column',
      backgroundColor: 'transparent',
      renderTo: ''
    },
    legend: {
      enabled: false
    },
    credits: {
      enabled: false
    },
    exporting: {
      enabled: false
    },
    title: {
      text: '',
    },
    tooltip: {
      enabled: false
    },
    /*    tooltip: {
     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b><br/>',
     shared:true,
     },*/
    plotOptions: {
      column: {
        stacking: 'percent',
      }
    },
    xAxis: {
      title: {
        text: ''
      },
      categories:[''],
      labels: {
        enabled: false
      },
      tickWidth: 0
    },
    yAxis: {
      title: {
        text: ''
      },
      categories:[''],
      labels: {
        enabled: false
      },
      tickWidth: 0,
      gridLineWidth: 0
    },
    series: [{
      name: '张三',
      data: [5]
    }, {
      name: '李四',
      data: [2]
    }, {
      name: '王五',
      data: [3]
    }, {
      name: '赵六',
      data: [2]
    }, {
      name: '洪七',
      data: [3]
    }]
  }
  tooltipContent = 'tooltip example'
  tooltipPlacement = 'right'
}
